<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-校园滴滴</title>
    <link rel="stylesheet" href="/stylesheets/root.css">
    <link rel="stylesheet" href="/stylesheets/public-stylesheets.css">
    <link rel="stylesheet" href="/stylesheets/index-didi.css">

</head>

<body>
    <!-- 顶部栏组件 -->
    <div id="top">
        <p>校园滴滴</p>
        <a href="/index.html">
            <img src="/images/public_images/return.png" alt="返回">
        </a>
    </div>

    <!-- 切换栏 -->
    <div id="switch-box">
        <div class="switch">最新求助</div>
        <div class="switch" onclick="window.location.href='./index-didi2.html'">我发布的</div>
        <div class="switch" onclick="window.location.href='./index-didi3.html'">我帮助的</div>
    </div>

    <div id="slip-box">
        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>鸭舌帽yyds</span>
                    <span>30分钟内</span>
                </div>
                <div class="agree">
                    🔴特急
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                教学楼ab栋中间活动处，来个人帮忙发一下东西，干完活免费请零食饮料喝哦！
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软校内-ab栋
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>辣椒炒肉吃腻了</span>
                    <span>刚刚</span>
                </div>
                <div class="agree">
                    🟠重要
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                有没有人帮忙取水果外卖哇，大概20分钟后送达，送到xx栋宿舍这边，顺路的同学帮下忙，感谢感谢🥰
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软宿舍小镇-9栋
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>他的名字</span>
                    <span>刚刚</span>
                </div>
                <div class="agree">
                    🟡常规
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                有没有姐妹这周五晚上一起拼车回肇庆那边，还差一个女生，有意的联系我
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软宿舍小镇-12栋
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>随便起个名字吧</span>
                    <span>30分钟前</span>
                </div>
                <div class="agree">
                    🟢不急
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                图书馆一楼坐在充电位置的同学，哪位好心借我充个笔记本电脑，一会就行，有点急！
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软校内-图书馆
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>酷酷的人儿</span>
                    <span>30分钟前</span>
                </div>
                <div class="agree">
                    🟢不急
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                体育馆来个羽毛球搭子，现在，有一个场，速来！
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软校内-体育馆
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>闭嘴安静点</span>
                    <span>一个小时前</span>
                </div>
                <div class="agree">
                    🟢不急
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                拼车，清明节回广州，男生三缺一
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软校内-2栋宿舍
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>有内鬼</span>
                    <span>一个小时前</span>
                </div>
                <div class="agree">
                    🟢不急
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                给舍友找个对象，一米八阳光帅气boy，快来谈
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 东软宿舍小镇-15栋
                </div>
                <!-- 帮助 -->
                <div class="help">
                    帮助
                </div>
            </div>
        </div>


<!-- 求助信息栏 -->
<div class="assistinfo-box">
    <!-- 头像、发布时间 栏 -->
    <div class="top">
        <div class="head"></div>
        <div class="head-info">
            <span>ahdiahjwk</span>
            <span>一天前</span>
        </div>
        <div class="agree">
            🟢不急
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        找代课，周二下午第三四节，要男生
    </div>
    <!-- 底部位置 -->
    <div class="bottom">
        <div class="location">
            📍 东软校内-h栋
        </div>
        <!-- 帮助 -->
        <div class="help">
            帮助
        </div>
    </div>

    <!-- 求助信息栏 -->
<div class="assistinfo-box">
    <!-- 头像、发布时间 栏 -->
    <div class="top">
        <div class="head"></div>
        <div class="head-info">
            <span>梨花香</span>
            <span>1天前</span>
        </div>
        <div class="agree">
            🟢不急
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        兼职有人一起吗，这周日，xx广场附近xx活动充场观众，有意了解详情联系我
    </div>
    <!-- 底部位置 -->
    <div class="bottom">
        <div class="location">
            📍 东软校内-h栋
        </div>
        <!-- 帮助 -->
        <div class="help">
            帮助
        </div>
    </div>


    <!-- 求助信息栏 -->
<div class="assistinfo-box">
    <!-- 头像、发布时间 栏 -->
    <div class="top">
        <div class="head"></div>
        <div class="head-info">
            <span>艾草</span>
            <span>3天前</span>
        </div>
        <div class="agree">
            🟢不急
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        白云山来个爬山搭子，下周六出发
    </div>
    <!-- 底部位置 -->
    <div class="bottom">
        <div class="location">
            📍 东软附近-华南师范公交站
        </div>
        <!-- 帮助 -->
        <div class="help">
            帮助
        </div>
    </div>

       <!-- 求助信息栏 -->
<div class="assistinfo-box">
    <!-- 头像、发布时间 栏 -->
    <div class="top">
        <div class="head"></div>
        <div class="head-info">
            <span>快夸我好看</span>
            <span>6天前</span>
        </div>
        <div class="agree">
            🟢不急
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        帮拿一下大件快递，有偿
    </div>
    <!-- 底部位置 -->
    <div class="bottom">
        <div class="location">
            📍 东软附近-阳光菜鸟驿站
        </div>
        <!-- 帮助 -->
        <div class="help">
            帮助
        </div>
    </div>
</div>
















    </div>


</body>

</html>